#{set 'moreStyles'}
    <link rel="stylesheet" href="@{'/public/stylesheets/style_main.css'}">
    <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">
    <script src="@{'/public/javascripts/disponibilidad.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
#{/set}

#{extends 'main.html' /}
#{set title:'Crear Semestre Académico' /}

<script>
     /**
       * Funcion para llamar al cuadro de calendario
      */
    $(function() {
            $( ".fecha" ).datepicker();
    });

    function sonFechasValidas(pregunta){ 
       // if(validarCampo(document.getElementById('nombreSemestre'))){
          if(esFechaValida(document.getElementById('fechaInicio').value)){
              if(esFechaValida(document.getElementById('fechaFin').value)){
                  confirmacion(pregunta);
              }
          }
        //}
    }

</script>

<div id="page">

    <div id="header">
        
         <table width="300" border="0" align="right">
              <tr>
                  <th>&nbsp;</th>
                  <th>&nbsp;</th>
              </tr>
              <tr>
                  <th>SEMESTRE :</th>
                  <th>${semestre.sem_vcNombre}</th>
              </tr>
	      <tr>
		<th>INICIO :</th>
                <th>${semestre.getInicio()}</th>
              </tr>
              <tr>
                <th>FIN :</th>
                <th>${semestre.getFin()}</th>
              </tr>
              <tr>
    		<th>DOCENTE :</th>
    		<th>${docente.getNombresYApellidos()}</th>
              </tr>
              <tr>
                <th>CODIGO :</th>
                <th>${docente.doc_vcCodigo}</th>
              </tr>
              <tr>
              <th>FECHA ACTUAL :</th>
                <th>
                	<script>
						var f = new Date();						
							hora = new Date();
							var minutos = hora.getMinutes ();
							if (minutos<=9) minutos = "0" + minutos;
							document.write(f.getDate() + "/" + (f.getMonth() +1) + "/" + f.getFullYear()+" Hora: "+hora.getHours()+":"+minutos);
													
						</script>
                   
                </th>
                
              </tr>
	</table>
      
        <div id="headerTitle">&nbsp;</div>
        <div id="headerSubText">&nbsp;</div>

    </div>
    <div id="bar">

        <div class="navLink"><a href="#">Inicio</a></div>
        <div class="navLink"><a href="PerfilJefe">Mi perfil</a></div>
        <div class="navLink"><a href="listaDocentes">Lista de Docentes</a></div>
        <div class="navLink"><a href="periodoEnvio">Configuraci&oacute;n</a></div>
        <div class="navLink"><a href="@{Secure.logout()}">Salir</a></div>
            
      </div>

    <div class="contentText">
        <p>&nbsp;</p>
        <form action="@{AperturarCiclo.registarSemestre()}" class="formulario" method="POST">
        <table width="520" border="0"  >
            <tr>
                <td align="center" colspan="7" style="color: blue; font-weight: bold"  >NUEVO SEMESTRE ACAD&Eacute;MICO</td>
            </tr>
            <tr>
                <td width="60"></td>
                <td width="90" style="font-weight: bold" >SEMESTRE :</td>
                <td colspan="1"  style="font-weight: bold" ><input type="text"  name="semestre.sem_vcNombre" value="" id="nombreSemestre"/></td>
                <td colspan="3" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td width="60"></td>
                <td width="90" style="font-weight: bold" >INICIO :</td>
                <td colspan="1"  ><input type="text" class="fecha"  id="fechaInicio" name="semestre.sem_datFechaInicio" value=""/></td>
                <td colspan="4" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td colspan="1" align="center" >&nbsp;</td>
                <td width="90" style="font-weight: bold"  >FINALIZA :</td>
                <td colspan="1" ><input type="text"  class="fecha"  id="fechaFin" name="semestre.sem_datFechaFin" value=""/></td>
                <td colspan="4" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td colspan="7" align="center">
                    #{if mensaje}
                      <span>${mensaje}</span>
                    #{/if}
                </td>
            </tr>

            <tr>
                
                        <td colspan="5" align="center" ><input type="button" id="enviarFecha" onclick="sonFechasValidas('¿Está seguro de crear el nuevo semestre?')" value="Crear Semestre"/> <input type="button" onclick="regresarIndexSemestre()" value="Regresar"/> </td>
                  
            </tr>
            <tr>
                <td colspan="2" >&nbsp;</td>
            </tr>
        </table>
        </form>
        <p>&nbsp;</p>

    </div>
</div>
<div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |Ing. Software</a> | </div>
